.header{line-height: 0.92rem;height: 0.92rem;color: #fff;position: fixed;left: 0;right: 0;top: 0;z-index: 20;background: rgba(0,0,0,.1);}
/*.header.active{color: #333;background: transparent;}*/
.header.active{background: #fff;box-shadow: 0 5px 10px -1px rgba(0,0,0,.1);color: #333;}
.header.active .navMenu span{background: #333;}
.header::before{position:absolute;left: 50%; width: 0; right: 0;bottom: 0;content: '';border-bottom: 1px solid #dcdee0;transition: .5s;-webkit-transition: .5s;opacity: 0;}
.header.active::before{width: 100%;left: 0;opacity: 1;}
.header .logo img{height: .45rem;}
.header .logo .logo1,.header.active .logo .logo2{display: block;}
.header .logo .logo2,.header.active .logo .logo1{display: none;}
.clickSpan{display: none;}
.headNav dd{position: relative;margin: 0 .1rem;}
.headNav dd>a{display: block;padding: 0 .1rem;position: relative;}
.headNav dd>a::before{position: absolute;left: 50%;bottom: 0;content: '';height: 4px;border-radius: 4px;background: #fff;width: 0;transition: .5s;-webkit-transition: .5s;}
.navFlex{padding: 0 .1rem;}
.slideNav{position: absolute;left: -0.4rem;right: -0.4rem;top: 100%;background: rgba(0,0,0,.7);box-shadow: 0 2px 10px -1px rgba(0,0,0,.1); padding: .1rem;color: #fff;line-height: 1.6;display: none;border-radius: 0.06rem;}
.slideNav .link>a{display: block;border-radius: 5px;padding: .1rem;text-align: center;}


.footer {background: #121721;color: #fff;position: relative;}
.ewmCode .code img{max-width: 1.5rem;}
.ewmCode .btn{background: #01AF8A;color: #fff;padding: .1rem .3rem;margin-right: .2rem;border-radius: 0.06rem}
.ewmCode .code{margin: 0 .36rem 0 0}
.ewmCode .code:nth-last-child(1){margin: 0}
.footct{border-top: 1px solid #fff;border-color: rgba(255,255,255,.1);}
.footDL{padding-right: 1.2rem}
.footDL dd{width: 24%;padding-right: 1%;}
.footDL dd p{margin-top: .12rem}
.yqlinks{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: .1rem}
.yqlinks.on{white-space: normal}
.youqing{max-width: 940px;}
.footerBot{background: #0d1119;color: #fff;color: rgba(255,255,255,.7);}
.lookMore a{ color: #00BE95;}
.lookMore a:hover{ color: #4283FB;}
.fixedNav{position: fixed;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);z-index: 12;box-shadow: 0 0 15px -2px rgba(0,0,0,.1)}
.fixedNav dd>a{display: block;padding:.12rem .16rem;text-align: center;background: #fff;border-bottom: 1px solid #eee;}
.fixedNav dd .iconfont{line-height: 1.2;}
.fixedNav dd>a:hover{background: #01AF8A;color: #fff;}
.fixedNav dd{position: relative;}
.fixedNav dd:nth-last-child(1)>a{border: 0}
.showNav{position: absolute;right: 100%;top: 0;background: #01AF8A;color: #fff;white-space: nowrap;padding: .1rem;margin-right: 1px;display: none}
.showNav img{min-width: 120px;}
.showNav .text{padding:0.06rem .1rem}
.fixedNav dd:hover .showNav{display: block;}
.nyBanner{height: 4.4rem;background-size: cover !important;overflow: hidden;}
.nyBanner .bit{font-weight: bold;line-height: 1;margin-bottom: .26rem;}
.nyBanner .bit2{font-weight: normal;line-height: 1;margin-bottom: 0;}

.nyBanner .bit,.nyBanner .bxt{position: relative;display: inline-block;letter-spacing: 2px;}
.nyBanner .bit::after{position: absolute;left: 100%;top: 50%;height: 0.05rem;margin-top: -0.025rem;content: '';margin-left: .35rem;width: 4.8rem;background: #fff;}
.nyBanner .bxt::after{position: absolute;right: 100%;top: 50%;height: 0.05rem;margin-top: -0.025rem;content: '';margin-right: .35rem;width: 4.8rem;background: #fff;}
.font120{font-size: 1.2rem;}
.searchs{background: #f3a412;max-width: 770px;}
.searchs .btn{line-height: .7rem;width: .7rem;background: transparent;color: #2f2f2f;margin: 0;padding: 0;cursor: pointer;transition: .5s;}
.searchs .text{padding: .19rem;line-height: .32rem;background: transparent;border: 0;}
.searchs .text::-webkit-input-placeholder{color:#2f2f2f;}
.searchs .btn:hover{background: #ee7700;color: #fff;}
.fp-right{right: .3rem;}
.fp-right ul li a::after{position: absolute;left: 3px;right: 3px;top: 3px;bottom: 3px;content: '';border: 1px solid #fff;border-radius: 50%;opacity: 0;transition: .5s;}
.fp-right ul li a.active::after{opacity: .4;}
#fp-nav.color ul li a span{background: #4283FB;opacity: .4;}
#fp-nav.color ul li a.active span{opacity: 1;}
#fp-nav.color ul li a::after{border-color: #4283FB;}
.footTops,.scrollToTop{position: absolute;right: 0;bottom: .68rem;background: rgba(255,255,255,.1);color: #fff;width: .56rem;line-height: .56rem;text-align: center;}
.scrollToTop{position: fixed;display: none;}

.languages{position: relative;}
.langList{position: absolute;display: none; width: 100px;left: 50%;margin-left: -50px;top: 100%;text-align: center;border-radius: 0.06rem;color: #fff;}
.langList::after{position: absolute;left: 50%;margin-left: -5px;bottom: 100%;width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent rgba(0,0,0,.7) transparent;content: '';}
.langList a{display: block; padding: .13rem 0;line-height: 1.5;background: rgba(0,0,0,.7);margin-bottom: 1px;}
.languages:hover .langList{display: block;}

@media only screen and (min-width:1100px) {
    .headNav dd.on>a,.headNav dd:hover>a{color: #fff;}
    .headNav dd.on>a::before,.headNav dd:hover>a::before{width: 100%;left: 0;}
    .active .headNav dd.on>a,.active .headNav dd:hover>a{color: #4283FB;}
    .active .headNav dd.on>a::before,.active .headNav dd:hover>a::before{background: #4283FB;}

    .slideNav .link>a:hover{background: #4283FB;color: #fff;}
    .slideNav{transform-origin: center top;-webkit-transform-origin: center top;animation: slide .25s linear both;-webkit-animation: slide .25s linear both;}
    .headNav dd:hover .slideNav{display: block;}
    .testBg .sy:hover{background: #01AF8A;color: #fff;box-shadow: 0 0 15px -1px rgba(255,255,255,.3)}
    .footer a:hover{color: #f3a412;}
    .footTops:hover,.scrollToTop:hover{background: #0072ff;color: #fff !important;}

}

@media only screen and (max-width:1100px) {
   .enFlex{flex: 1;-webkit-flex:1}
   .navFlex{position: fixed;left: 0;right: 0;top: 1rem;bottom: 0;background: rgba(0,0,0,.9);z-index: 18;padding: 0;overflow-y: auto;display: none;}
   .headNav{display: block;}
   .headNav dd{margin: 0;border-bottom: 1px solid #555;border-color: rgba(255,255,255,.1);}
   .headNav dd>a{padding: 0 15px;line-height: 40px;display: none;justify-content: space-between;color: #fff;}
   .slideNav{display: none;position: static;box-shadow: none;padding:0 15px 10px 15px}
   .slideNav .tit{font-size: 16px;}
   .slideNav .links .name{font-size: 14px;}
   .slideNav .links>a img{height: 15px;}
   .slideOL li{width: 48%;padding-bottom: .2rem;}
   .slideOL{padding: 0;}
   .slideOL2 {padding: 0;}
   .pl160{padding-left: 2.5%;}
   .pr160{padding-right:2.5%;}
   .footct{display: block}
   .footDL{padding: 0 0 .3rem 0}
   .footer .autowidth{display: block;}
   .ewmCode{text-align: center}
   .ewmCode .code img{min-width: 80px}
   .clickSpan{display: block;font-size: 16px;padding: 0 15px;position: relative;color:#fff;line-height:44px;}
   .clickSpan .arrow{ position: absolute;right: 15px;top: 0;line-height:44px;}
   .clickSpan.on .arrow{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
   .slideNav .link>a{text-align:left;}
   .footDL dd .opacity5 {display:none}
   .footDL dl .font20{position:relative;}
   .footDL dd:not(:last-child) .font20:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';}
   .footDL dd:not(:last-child) .font20:after{position:absolute;right:6px;top:14px;content:'';width:8px;height:8px;border-left:1px solid #fff;border-top:1px solid #fff;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
     .footDL dd.on .font20:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
}

@media only screen and (max-width:640px) {
    .fixedNav dd .mfont12{display: none}
    .nyBanner{height: 3rem;}
    .nyBanner .bit::after,.nyBanner .bxt::after{display: none;}
    .font68{font-size: .48rem;}
    .nyBanner  .font30{font-size: .3rem;}
    .nyBanner  .font120{font-size: 1rem;}
    .nyBanner  .font48{font-size: .36rem;}
    .fp-right{right: 0;}
    .footDL dl{display: block;}
    .footer .stit{display: none;}
    .footDL dd{width: auto;padding: 0 0 .1rem 0;border-bottom: 1px solid rgba(255,255,255,.1);margin-bottom: .1rem;}
    .footDL dd p{margin: 3px 0; }

}









.dhLeft_ba{opacity: 0;-webkit-opacity: 0; transform: translate(45px,0);-webkit-transform: translate(45px,0);transition: 1s;-webkit-transition: 1s;}
.dhLeft{opacity: 0;-webkit-opacity: 0; transform: translate(75px,0);-webkit-transform: translate(75px,0);transition: 1s;-webkit-transition: 1s;}
.dhRight{opacity: 0;-webkit-opacity: 0; transform: translate(-45px,0);-webkit-transform: translate(-45px,0);transition: 1s;-webkit-transition: 1s;}
.dhTop{opacity: 0;-webkit-opacity: 0; transform: translate(0,45px);-webkit-transform: translate(0,45px);transition:transform 1s;-webkit-transition:transform 1s;}
.dhBottom{opacity: 0;-webkit-opacity: 0; transform: translate(0,-45px);-webkit-transform: translate(0,-45px);transition: 1s;-webkit-transition: 1s;}
.dhScale{transform: scale(0);-webkit-transform: scale(0);}
.dhsj1{transition: .5s;-webkit-transition: .5s}
.dhsj2{transition: 1s;-webkit-transition: 1s}
.dhsj3{transition: 1.2s;-webkit-transition: 1.2s}
.dhsj4{transition: 1.5s;-webkit-transition: 1.5s}
.dhsj5{transition: 1.8s;-webkit-transition: 1.8s}
.dhyc1{transition-delay: .25s;-webkit-transition-delay: .25s;}
.dhyc2{transition-delay: .5s;-webkit-transition-delay: .5s;}
.dhyc3{transition-delay: .75s;-webkit-transition-delay: .75s;}
.dhyc4{transition-delay: 1s;-webkit-transition-delay: 1s;}
.dhyc5{transition-delay: 1.2s;-webkit-transition-delay: 1.2s;}

.activeSections .swiper-slide-active .dhLeft_ba{opacity: 1;-webkit-opacity: 1; transform: translate(0,0);-webkit-transform: translate(0,0);}
.activeSections .dhLeft,.activeSections .dhRight,.activeSections .dhTop,.activeSections .dhBottom{opacity: 1;-webkit-opacity: 1; transform: translate(0,0);-webkit-transform: translate(0,0);}
.activeSections .dhScale{transform: scale(1);-webkit-transform: scale(1);}

@-webkit-keyframes xz{
	from{-webkit-transform: rotate(0deg);}
	to{-webkit-transform: rotate(360deg);}
}
@keyframes xz{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
@-webkit-keyframes dh1{
	from{-webkit-transform: translate(-100%,0);opacity: 0;}
	to{-webkit-transform: translate(0,0);opacity: 1;}
}
@keyframes dh1{
	from{transform: translate(-100%,0);opacity: 0;}
	to{transform: translate(0,0);opacity: 1;}
}